<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Powerpuff Cakes</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="css/tooltip.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.9.1.min.js"></script>
<script src="scripts/script.js"></script>
<script src="scripts/jquery.tools.min.js"></script>
</head>

<body>
<div class="page">
	<div class="logo"> <a href="index.html"> <img src="img/mainLogo.png" width="242" height="258" border="0" > </a> </div>
	<div class="header">
		<div id="slideshow">
			<ul class="slides">
				<li><img src="img/photos/img1.jpg" width="800" height="300" alt="" /></li>
				<li><img src="img/photos/img2.jpg" width="800" height="300" alt="" /></li>
				<li><img src="img/photos/img3.jpg" width="800" height="300" alt="" /></li>
				<li><img src="img/photos/img4.jpg" width="800" height="300" alt="" /></li>
				<li><img src="img/photos/img5.jpg" width="800" height="300" alt="" /></li>
			</ul>
			<span class="arrow previous"></span> <span class="arrow next"></span> </div>
	</div>
	<div class="body">
		<div class="menu">
			<div class="menuItemArray">
				<div class="menuItemContainer"> <a href="index.html">
					<p class="menuItem">Home</p>
					</a> </div>
				<div class="menuItemSeparator"></div>
				<div class="menuItemContainer"> <a>
					<p class="menuItem">Quienes Somos</p>
					</a> </div>
				<div class="menuItemSeparator"></div>
				<div class="menuItemContainer"> <a>
					<p class="menuItem">Nuestros Productos</p>
					</a> </div>
				<div class="menuItemSeparator"></div>
				<div class="menuItemContainer"> <a>
					<p class="menuItem">Encargos</p>
					</a> </div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		<div class="content"> lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
			lorem ipsum <br>
		</div>
	</div>
	<div class="clear"></div>
	<div class="footer">
		<div class="footerItem"> <a id="tooltipFacebook" href="www.facebook.com" target="_new"><img src="img/socialFacebook.png" border="0" /></a>
			<div class="tooltip"> <img src="img/tooltip/facebook.png" border="0" />
				<p>Visita nuestra p&aacute;gina en Facebook y hazte fan!!!</p>
				<p><b>PowerPuffCakes</b></p>
			</div>
		</div>
		<script>$("#tooltipFacebook").tooltip({ effect: 'slide'});</script>
		<div class="footerItem"> <a id="tooltipTwitter" href="https://twitter.com/PowerpuffCakes" target="_new"><img src="img/socialTwitter.png" border="0" /></a>
			<div class="tooltip"> <img src="img/tooltip/twitter.png" border="0" />
				<p>Visita nuestra cuenta en Twitter y dale RT =D</p>
				<p><b>@powerpuffcakes</b></p>
			</div>
		</div>
		<script>$("#tooltipTwitter").tooltip({ effect: 'slide'});</script>
		<div class="footerItem"> <a href="http://instagram.com/powerpuffcakes" target="_new" id="tooltipInstagram"><img src="img/socialInstagram.png" border="0" /></a>
			<div class="tooltip"> <img src="img/tooltip/instagram.png" border="0" />
				<p>Ent&eacute;rate de nuestras &uacute;ltimas creaciones en nuestra cuenta Instagram</p>
				<p><b>@powerpuffcakes</b></p>
			</div>
		</div>
		<script>$("#tooltipInstagram").tooltip({ effect: 'slide'});</script>
		<div class="footerItem" style="float:left">
			<p class="menuItem" style="margin-top:32px">Visitanos en nuestras redes sociales!</p>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div class="clear"></div>
</body>
</html>
